{% extends 'base.html' %}
{% block head %}
  <title>各省平均月薪分布地图</title>
  <script type="text/javascript" src="https://assets.pyecharts.org/assets/echarts.min.js"></script>
{% endblock %}
{% block content %}

  <div id="042d930a0caf442eaab9219954792fe8" class="chart-container" style="width:1000px; height:600px;"></div>
  <script>
      var chart_042d930a0caf442eaab9219954792fe8 = echarts.init(
          document.getElementById('042d930a0caf442eaab9219954792fe8'), 'white', {renderer: 'canvas'});
      var option_042d930a0caf442eaab9219954792fe8 = {
          "animation": true,
          "animationThreshold": 2000,
          "animationDuration": 1000,
          "animationEasing": "cubicOut",
          "animationDelay": 0,
          "animationDurationUpdate": 300,
          "animationEasingUpdate": "cubicOut",
          "animationDelayUpdate": 0,
          "color": [
              "#c23531",
              "#2f4554",
              "#61a0a8",
              "#d48265",
              "#749f83",
              "#ca8622",
              "#bda29a",
              "#6e7074",
              "#546570",
              "#c4ccd3",
              "#f05b72",
              "#ef5b9c",
              "#f47920",
              "#905a3d",
              "#fab27b",
              "#2a5caa",
              "#444693",
              "#726930",
              "#b2d235",
              "#6d8346",
              "#ac6767",
              "#1d953f",
              "#6950a1",
              "#918597"
          ],
          "series": [
              {
                  "type": "bar",
                  "legendHoverLink": true,
                  "data": [
                      30633,
                      28015,
                      22490,
                      21503,
                      19425,
                      18549,
                      13889,
                      13410,
                      12603,
                      11715,
                      11037,
                      10536,
                      9842,
                      9130,
                      7470,
                      7364,
                      7213,
                      7202,
                      7103,
                      6530,
                      6461,
                      6355,
                      5865,
                      5003,
                      4858,
                      4352,
                      4119,
                      3538,
                      3382,
                      2744,
                      2744,
                      2524,
                      1803,
                      1391,
                      1285,
                      479
                  ],
                  "showBackground": false,
                  "barMinHeight": 0,
                  "barCategoryGap": "20%",
                  "barGap": "30%",
                  "large": false,
                  "largeThreshold": 400,
                  "seriesLayoutBy": "column",
                  "datasetIndex": 0,
                  "clip": true,
                  "zlevel": 0,
                  "z": 2,
                  "label": {
                      "show": false,
                      "position": "top",
                      "margin": 8
                  }
              }
          ],
          "legend": [
              {
                  "data": [
                      ""
                  ],
                  "selected": {
                      "": true
                  },
                  "show": true,
                  "padding": 5,
                  "itemGap": 10,
                  "itemWidth": 25,
                  "itemHeight": 14
              }
          ],
          "tooltip": {
              "show": true,
              "trigger": "item",
              "triggerOn": "mousemove|click",
              "axisPointer": {
                  "type": "line"
              },
              "showContent": true,
              "alwaysShowContent": false,
              "showDelay": 0,
              "hideDelay": 100,
              "textStyle": {
                  "fontSize": 14
              },
              "borderWidth": 0,
              "padding": 5
          },
          "xAxis": [
              {
                  "show": true,
                  "scale": false,
                  "nameLocation": "end",
                  "nameGap": 15,
                  "gridIndex": 0,
                  "inverse": false,
                  "offset": 0,
                  "splitNumber": 5,
                  "minInterval": 0,
                  "splitLine": {
                      "show": false,
                      "lineStyle": {
                          "show": true,
                          "width": 1,
                          "opacity": 1,
                          "curveness": 0,
                          "type": "solid"
                      }
                  },
                  "data": [
                      "\u4e0a\u6d77",
                      "\u5317\u4eac",
                      "\u6df1\u5733",
                      "\u5e7f\u5dde",
                      "\u91cd\u5e86",
                      "\u5929\u6d25",
                      "\u6210\u90fd",
                      "\u6b66\u6c49",
                      "\u676d\u5dde",
                      "\u5357\u4eac",
                      "\u9752\u5c9b",
                      "\u957f\u6c99",
                      "\u5b81\u6ce2",
                      "\u90d1\u5dde",
                      "\u897f\u5b89",
                      "\u5927\u8fde",
                      "\u5408\u80a5",
                      "\u6d4e\u5357",
                      "\u798f\u5dde",
                      "\u957f\u6625",
                      "\u77f3\u5bb6\u5e84",
                      "\u54c8\u5c14\u6ee8",
                      "\u6c88\u9633",
                      "\u5357\u660c",
                      "\u6606\u660e",
                      "\u53a6\u95e8",
                      "\u5357\u5b81",
                      "\u8d35\u9633",
                      "\u592a\u539f",
                      "\u4e4c\u9c81\u6728\u9f50",
                      "\u547c\u548c\u6d69\u7279",
                      "\u5170\u5dde",
                      "\u94f6\u5ddd",
                      "\u6d77\u53e3",
                      "\u897f\u5b81",
                      "\u62c9\u8428"
                  ]
              }
          ],
          "yAxis": [
              {
                  "show": true,
                  "scale": false,
                  "nameLocation": "end",
                  "nameGap": 15,
                  "gridIndex": 0,
                  "inverse": false,
                  "offset": 0,
                  "splitNumber": 5,
                  "minInterval": 0,
                  "splitLine": {
                      "show": false,
                      "lineStyle": {
                          "show": true,
                          "width": 1,
                          "opacity": 1,
                          "curveness": 0,
                          "type": "solid"
                      }
                  }
              }
          ],
          "title": [
              {
                  "text": "\u4e3b\u8981\u5730\u533a\u56fd\u5185\u751f\u4ea7\u603b\u503c\u5bf9\u6bd4",
                  "subtext": "\u4e0a\u6d77\u3001\u5317\u4eac\u3001\u6df1\u5733\u7684\u56fd\u5185\u751f\u4ea7\u603b\u503c\u6700\u9ad8\uff0c\u5e7f\u5dde\u7684\u6570\u503c\u4ec5\u6b21\u4e8e\u6df1\u5733\uff0c\u5f88\u6709\u53ef\u80fd\u4f1a\u5728\u51e0\u5e74\u540e\u8d85\u8fc7\u6df1\u5733",
                  "padding": 5,
                  "itemGap": 10
              }
          ]
      };
      chart_042d930a0caf442eaab9219954792fe8.setOption(option_042d930a0caf442eaab9219954792fe8);
  </script>
{% endblock %}